{% extends'case/base.html' %}

{% block div_case_up %}
<div class="row container-fluid pr-0 mr-0 pl-0 ml-0">
  <ul class="col-8 nav nav-pills" id="pills-main-tab-{{ case.id }}" role="tablist">
    <li class="nav-item">
      <a class="nav-link active" id="pills-basic-tab-{{ case.id }}" data-toggle="pill" href="#pills-basic-{{ case.id }}" role="tab">基本</a>
    </li>
  </ul>
  <div class="col-4 btn-toolbar d-flex justify-content-end pr-0 pb-1" role="toolbar">
    <div class="btn-group mr-2" role="group">
      <button class="btn btn-primary" id="btn-case-save-{{ case.id }}" data-case-id="{{ case.id }}" type="button">保存</button>
    </div>
    <div class="btn-group" role="group">
      <button class="btn btn-success" {{ 'disabled' if not case.id }} id="btn-case-send-{{ case.id }}" data-case-id="{{ case.id }}" type="button">
        发送<span class="spinner-grow spinner-grow-sm" id="btn-case-send-spinner-{{ case.id }}" style="display: none;"></span>
      </button>
    </div>
  </div>
</div>
<div class="tab-content" id="pills-tabContent-main-{{ case.id }}">
  <div class="tab-pane fade show active" id="pills-basic-{{ case.id }}" role="tabpanel">
    <div class="card">
      <div class="card-body p-0">
        <label class="mb-0"><small>选项</small></label>
        <div class="row">
          <div class="col-4 input-group input-group-sm">
            <div class="input-group-prepend">
              <label class="input-group-text" for="select-project-variable-{{ case.id }}">展示项目变量</label>
            </div>
            <select class="form-control" id="select-project-variable-{{ case.id }}">
              <option {{ "selected" if case.specific_case.project_variable }}>是</option>
              <option {{ "selected" if not case.specific_case.project_variable }}>否</option>
            </select>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock div_case_up %}
